<template>
  <div class="msite-card">
    <van-grid :column-num="2" :gutter="10">
      <van-grid-item v-for="(item,index) in listData" :key="index" :text="item.title" />
    </van-grid>
  </div>
</template>

<script>
export default {
  name: "msiteCard",
  props: {
    listData: Array
  },
  data() {
    return {
      cardList: [
        {title: '高端租车', content: '高端尊贵驾程'},
        {title: '高端专车', content: '尊享品质旅程'},
        {title: '门店查询', content: '10000+网点任你挑'},
        {title: '差旅租车', content: '政企客户专享'}
      ]
    }
  },
  mounted() {
  }
}
</script>

<style lang="scss" scoped>
.msite-card {
  width: 100%;
  border-radius: 10px;
  .van-grid {
    width: 100%;
    box-sizing: border-box;
    .van-grid-item {
      height: 50%;
      border-radius: 10px;
      box-sizing: border-box;
    }
  }
}
</style>